<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table, th, td {
	border: 3px solid;
	border-color: transparent;

}


.nav ul li {
	float: left;
	list-style: none;
	display: inline;
	padding: 0px 14px;
	   
}
a:hover {color:#FF00FF;} 
</style>
<meta charset="UTF-8">
<title>基本资料</title>
</head>
<body style="background: url(image/123.jpg); background-size: cover">
	<table align="center" width="70%">
		<tr>
			<td rowspan="2" width="15%"><img src="image/photo.jpg"
				width="120px" height="120px" /></td>
			<td align="left">
				<p>
					<span style="color: blue; font-size: 30px">空空大师</span>的个人博客
				</p>
			</td>
		<tr>
			<td align="left">
				<div class="nav">
					<ul>
						<li><a href="home_page.html"><font size="5" face="arial" >主页</font></a></li>
						<li>园子</li>
						<li>消息</li>
						<li>个人资料</li>
						<li>博问主页</li>
						<li>随便看看</li>
					</ul>
				</div>
			</td>
		</tr>
	</table>
	<table width="70%" align="center" border="0">
		<tr>
			<td bgcolor="#DDF" width="100%" colspan="3">个人档</td>
		</tr>
		<tr bgcolor="white">
			<td width="20%" rowspan="2">
				<p style="position:absolute;top:5cm">
					<img src="image/photo.jpg" width="120px" height="120px" border="1" /><br>
					<span style="color: blue">修改头像</span>
				</p>
			</td>
			<td width="80%">	
			<span style="position: absolute;left: 10cm">基本资料</span>
			<span style="position: absolute;right: 6cm">
			<a href="setMessage.html" ><font size="5" face="arial" >修改</font>
			</a>
			</span>
			<br>
				<hr style="background-color: #55F; height: 1px;">
				<table style="border-collapse:separate; border-spacing:17px;">
				<tr >
					<td>博客名</td>
					<td>空空大师</td>
				</tr>
				<tr >
					<td>性别</td>
					<td>女</td>
				</tr>
				<tr >
					<td>年龄</td>
					<td>120</td>
				</tr>
				<tr>
					<td>姓名</td>
					<td>王莉</td>
				</tr>
				<tr>
					<td>学校</td>
					<td>世家庄铁道大学</td>
				</tr>
				<tr>
					<td>学院</td>
					<td>信息科学与技术</td>
				</tr>
				<tr>
					<td>现居地</td>
					<td>世家庄</td>
				</tr>
				<tr>
					<td>联系电话</td>
					<td>未填写</td>
				</tr>
				<tr>
					<td>婚姻情况</td>
					<td>未填写</td>
				</tr>
				<tr>
					<td>血型</td>
					<td>未填写</td>
				</tr>
				<tr>
					<td>详细地址</td>
					<td>未填写</td>
				</tr>
				
			</table>
			</td>
		</tr>
		</table>
		

</body>
</html>